<!DOCTYPE html>
<html>
<head>
	<title>上传新的商品</title>
	<meta charset="UTF-8"/>
	<link rel="stylesheet" type="text/css" href="/css/mygoodsshelf.css"/>
    <link rel="stylesheet" type="text/css" href="/css/upload.css"/>
</head>
<body>
		<!-- 导航条 -->
        <nav class="navbar">
            <div class="nav-menu">
                <ul class="menu">
                    <li><a href="/">首页</a></li>
                    <li><a href="/goToMallPage.do">二手商品</a></li>
<!--                    <li><a href="request.html">求购区</a></li>-->
                </ul>					
            </div><!-- nav-menu -->
    
<!--            <form class="nav-search">-->
<!--                <input type="search" class="searchIn" placeholder="搜二手商品..."/>-->
<!--                <button class="search-logo"><img src="/image/search.png"/></button>-->
<!--            </form>-->
    
            <div class="nav-info">
				<a href="/personal_info.do" class="name" th:text="${marketUser.uname}">徐荪睿</a>
<!--                <a href="../cart.html" class="goodsshelf">||&nbsp;&nbsp;&nbsp;我的购物车</a>-->
				<a href="/logout.do" class="logout">[ 退 出 ]</a>
            </div> <!-- nav-info-end -->
        </nav>

	<div class="titleName">
		<h3>上传商品信息</h3>
	</div>

	<div class="container">
		<form action="/insertGoods.do" method="post">
			<input type="hidden" th:value="${action}" value="1" name="action" class="action"/>
<!--			<input type="hidden" th:if="${marketGoods.GID}!=null" th:value="${marketGoods.GID}" name="id">-->
<!--			<input type="hidden" th:if="${marketGoods.GID}!=null" value="0" name="id"/>-->
			<p>
				<span class="pic-icon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				商&nbsp;品&nbsp;&nbsp;图&nbsp;片： <input type="file" name="goods-pic" id="goods-file"/>
				<img id="goods-pic" src="/image/ran3.jpg"/>
			</p>
<!--			<p>-->
<!--				<span class="name-icon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>-->
<!--				商&nbsp;品&nbsp;&nbsp;代&nbsp;号：<input type="text" name="GID"/>-->
<!--			</p>-->
			<p>
				<span class="name-icon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				商&nbsp;品&nbsp;&nbsp;名&nbsp;称：<input type="text" name="Name"/>
			</p>
			<p>
				<span class="number-icon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				商&nbsp;品&nbsp;&nbsp;数&nbsp;量：<input type="text" name="Number"/>
			</p>
			<p>
				<span class="price-icon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				商&nbsp;品&nbsp;&nbsp;售&nbsp;价：<input type="text" name="Price"/>
			</p>
			<p>
				<span class="desc-icon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				商&nbsp;品&nbsp;&nbsp;种&nbsp;类：
				<select name="Kind">
					<option value="书">书</option>
					<option value="日用品">日用品</option>
					<option value="学习用品">学习用品</option>
					<option value="床上用品">床上用品</option>
				</select>
			</p>
			<input type="submit" class="submit-btn" name="goods-submit"/>
		</form>
	</div>
	<footer>
		<a href="#">©2021-7 二手物品交易</a>
		<a href="#">意见反馈&nbsp;&nbsp;&nbsp;联系我们&nbsp;&nbsp;&nbsp;隐私权声明&nbsp;&nbsp;&nbsp;使用条款</a>
	</footer>
	<script type="text/javascript" src="/js/jquery-3.2.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#goods-file").change(function(){
				var filePath = $(this).val().split("\\");
				var len = filePath.length;
				var file = filePath[len-1];
				if (!file) {
					filePath = "image/loadPic.png"
				}
				filePath = "image/"+file;
				// console.log(filePath);
				$("#goods-pic").attr("src",filePath);

			})
		});
	</script>
</body>
</html>